<template>
	<view class="padding-rpx_25">
		<view class="bgColor_ffffff border-radius-rpx_10 padding-rpx_25">
			<view class="flex_row_c_c">
				<text class="QS-text weight">示例-改变QS-P组件最外层view的背景颜色</text>
			</view>
			<QS-P></QS-P>
			
			<view class="flex_row_c_c">
				<QS-P :compStyle="compStyle"></QS-P>
			</view>
			
			<QS-P></QS-P>
			<text class="QS-text color_808080">{{info}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				compStyle: {
					container: 'background-color: #00aaff;'
				},
				info: `compClass与compStyle为QS组件公共属性, 为Object类型, 并都至少支持一个参数-container 表示组件的最外层view, 有多少参数可配置则根据组件支持而定`
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
